//乘客未评价
<template>
    <div class="setting-container">
        <OHeader v-bind:headerText="headerText" />
        <!--地址定位  -->
        <el-amap :zoom="zoom" :center="center" class="comment-map" style="height:314px;" :style="{display:isShowMap}">
            <el-amap-marker :key="marker.lng" v-for="marker in markers" :position="marker"></el-amap-marker>
        </el-amap>
        <div class="comment-datail">
            <div class="comment-datail-txt">
                <span class="icon-date ico">
    
                </span>
                <span class="txt-content txt-content-color">7月12日上午7:00</span>
            </div>
            <div class="comment-datail-txt">
                <span style="margin-left:30px" class="txt-content txt-content-color">下沙龙湖天街-江南大道3588号恒生大厦</span>
            </div>
            <div>
                <div class="horline"></div>
                <div>
                    <img width="97px" height="81px" src="../../assets/img/photo.png" />
                    <div class="comment-person-datail-content ">
                        <span class="comment-person-datail ">阿康哥</span>
                        <span class="comment-person-datail ">浙ALZ114</span>
                        <span class="comment-person-datail ">白色 吉利帝豪</span>
                    </div>
                    <span class="icon-telephone right" @click="show_model"></span>
                    <span class="icon-telephone right"></span>
                    <span class="icon-telephone right"></span>
                </div>
                <div class="passages-comment-list-bg" :style="{display:passageComment.isShowMap}">
                    <div class="has-passanger-comment">
                        <div class="passanger-comment-spiltline"></div>
                        <div>Ta对我的评价</div>
                        <div class="passanger-comment-spiltline"></div>
                        <Star v-bind:score="compositeScore" />
                        <div class="has-passanger-comment-input">
                            <span class="triangle"></span>
                            <span class="has-passanger-comment-input">你对司机说，司机大哥太贴心了下雨还把…</span>
                        </div>
                    </div>
                    <div class="has-passanger-comment">
                        <div class="passanger-comment-spiltline"></div>
                        <div>我对ta的评价</div>
                        <div class="passanger-comment-spiltline"></div>
                        <Star v-bind:score="compositeScore" />
                        <div class="has-passanger-comment-input" v-if="passageComment.isFinished == true">
                            <span class="triangle"></span>
                            <span class="has-passanger-comment-input">你对司机说，司机大哥太贴心了下雨还把…</span>
                        </div>
                        <div class="comment-input" v-if="passageComment.isFinished == false">
                            <input placeholder="有什么相对ta讲的吗" />
                        </div>
                    </div>
                    <div class="password-btn">
                        <mt-button @click.stop="savePassword">保存</mt-button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
import OHeader from '@/components/mine/header.vue'
import Star from '@/components/public/starScore.vue'
export default {
    data() {
        return {
            center: [],
            zoom: 15,
            headerText: "评价列表",
            markers: [],
            popupPlate: false,
            isFinished: true,
            isShowMap: 'none',
            passageComment:
                {
                   isShowDetail:'none', 
                   isFinished : true
                }
        }
    },
    created: function () {
        this.center = [120.1552070000, 30.2736900000];
        this.markers.push([120.1552070000, 30.2736900000])
        this.isShowMap = this.isFinished ? 'none' : 'block';
    },
    components: {
        OHeader,
        Star
    },
    methods: {
        show_model: function () {
            this.popupPlate = true;
        },
        saveComment: function () {
            this.popupPlate = false;
        }
    }
}
</script>

<style>

</style>
